
<!-- start: PAGE -->
<div class="main-content">
    <!-- start: PANEL CONFIGURATION MODAL FORM -->
    <div class="modal fade" id="panel-config" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title">Panel Configuration</h4>
                </div>
                <div class="modal-body">
                    Here will be a configuration form
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        Close
                    </button>
                    <button type="button" class="btn btn-primary">
                        Save changes
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- end: SPANEL CONFIGURATION MODAL FORM -->
    <div class="container">
        <!-- start: PAGE HEADER -->
        <div class="row">
            <div class="col-sm-12">
                <!-- start: STYLE SELECTOR BOX -->

                <!-- end: STYLE SELECTOR BOX -->
                <!-- start: PAGE TITLE & BREADCRUMB -->
                <ol class="breadcrumb">
                    <li>
                        <i class="clip-file"></i>
                        <a href="#">
                            Inicio
                        </a>
                    </li>
                    <li class="active">
                        Empleado
                    </li>	
                </ol>
                <div class="page-header">
                    <h1>Empleado <small>Perfil</small></h1>
                </div>
                <!-- end: PAGE TITLE & BREADCRUMB -->
            </div>
        </div>
        <!-- end: PAGE HEADER -->
        <!-- start: PAGE CONTENT -->
        <div class="login col-sm-4 col-sm-offset-4">
            <div class="box-login">
                <p>
                    Datos Personales:
                </p>
                <form action="<?= base_url("acceso/registrarEmpleado"); ?>" class="form-login" method="post">
                    <div class="errorHandler alert alert-danger no-display">
                        <i class="icon-remove-sign"></i> Usted tiene algunos errores de ingreso. Por favor, corríjalos y vuelva a intentarlo.
                    </div>
                    <fieldset>
                        <div class="form-group">
                            <input type="hidden" name="pag" value="perfil">
                            <input type="hidden" name="idEmp" value="<?= $this->form_data->id; ?>">
                            <input type="text" class="form-control" value="<?= $this->form_data->nom_emp; ?>" name="nombre" placeholder="Nombres">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" value="<?= $this->form_data->ape_emp; ?>" name="apellido" placeholder="Apellidos">
                        </div>
                        <div class="form-group">
                            <input type="text" id="dni" name="dni" value="<?= $this->form_data->dni; ?>" placeholder="DNI" class="form-control limited" maxlength="8">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" name="dir" value="<?= $this->form_data->dir ?>" placeholder="Dirección">
                        </div>
                        <div class="input-group">
                            <input type="text" id="fecNac" name="fecNac" value="<?= $this->form_data->fec_nac ?>" placeholder="dd-mm-yyyy" class="form-control date-picker" data-date-viewmode="years" data-date-format="dd-mm-yyyy">
                            <span class="input-group-addon">
                                <i class="icon-calendar"></i>
                            </span>
                        </div>
                        <div class="space15"></div>
                        <div class="form-group">
                            <span class="input-icon">
                                <input type="text" id="telefono" name="tel" value="<?= $this->form_data->tel; ?>" class="form-control">
                                <i class="icon-phone"></i>
                            </span>
                        </div>
                        <div class="form-group">
                            <div>
                                <label class="radio-inline">
                                    <?php
                                    $css = 'class="grey"';
                                    //echo form_dropdown("sexo", array(0=>'Feminino', 1=>'Masculino'), $this->form_data->sexo, $css);
                                    echo form_radio('sexo', '0', $this->form_data->sexo == 0 ? true : false, $css);
                                    ?>
                                    Femenino
                                </label>
                                <label class="radio-inline">
                                    <?php
                                    echo form_radio('sexo', '1', $this->form_data->sexo == 1 ? true : false, $css);
                                    ?>
                                    Masculino
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <input type="hidden" name="suc" value="<?= $this->form_data->suc_emp; ?>">
                            <?php
                            $css = 'class="form-control search-select" id="suc" placeholder="Seleccione sucursal"';
                            echo form_dropdown("sucu", $sucursales, $this->form_data->suc_emp, $css);
                            ?>
                        </div>
                        <div class="form-group">
                            <input type="hidden" name="tipo" value="<?= $this->form_data->tipousuario; ?>">
                            <?php
                            $css = 'class="form-control search-select" id="tipo" placeholder="Seleccione tipo usuario"';
                            echo form_dropdown("tipousu", $tipousu, $this->form_data->tipousuario, $css);
                            ?>
                        </div>
                        <div class="form-actions" style="height: 30px">
                            <button type="submit" class="btn btn-bricky pull-right">
                                Enviar <i class="icon-circle-arrow-right"></i>
                            </button>
                        </div>
                        <hr/>
                        <div class="new-account">
                            Haga click en el siguiente enlace para:
                            <a href="javascript:;" class="forgot">
                                Cambiar contraseña
                            </a>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="box-forgot" style="display: none;">
                <p>
                    Cuenta de usuario:
                </p>
                <div class="alert alert-info">
                    <button data-dismiss="alert" class="close">
                        &times;
                    </button>
                    <i class="icon-info-sign"></i>
                    <strong>Información!</strong> Si desea puede ingresar un nuevo usuario y/o nueva contraseña.
                </div>
                <form class="form-forgot" method="post">
                    <div class="errorHandler alert alert-danger no-display">
                        <i class="icon-remove-sign"></i> Usted tiene algunos errores de ingreso. Por favor, corríjalos y vuelva a intentarlo.
                    </div>
                    <div class="alert" id="mensaje" style="display: none;"></div>
                    <fieldset>
                        <div class="form-group">
                            <span class="input-icon">
                                <input type="text" class="form-control" id="usuario" name="usuario" value="<?= $this->form_data->user; ?>" placeholder="Puede ingresar un nuevo usuario">
                                <i class="icon-user"></i> </span>
                        </div>
                        <div class="form-group">
                            <span class="input-icon" id="miclave">
                                <input type="password" class="form-control" id="clave" name="clave" placeholder="Ingrese contraseña actual">
                                <i class="icon-lock"></i> </span>
                        </div>                        
                        <div class="form-group">
                            <span class="input-icon">
                                <input type="password" class="form-control" id="newclave" name="newclave" placeholder="Ingrese nueva contraseña">
                                <i class="icon-lock"></i> </span>
                        </div>
                        <div class="form-actions">
                            <button type="button" class="btn btn-light-grey go-back">
                                <i class="icon-circle-arrow-left"></i> Regresar
                            </button>
                            <button type="submit" class="btn btn-bricky pull-right">
                                Enviar <i class="icon-circle-arrow-right"></i>
                            </button>
                        </div>
                    </fieldset>
                </form>
                <div class="space15"></div>
                <div class="alert alert-warning">
                    <button data-dismiss="alert" class="close">
                        &times;
                    </button>
                    <i class="icon-info-sign"></i>
                    <strong>Advertencia!</strong> Asegúrese de recordar su nueva cuenta de acceso.
                </div>
            </div>
        </div>
        <!-- end: PAGE CONTENT-->
    </div>
</div>
<!-- end: PAGE -->
<script>
    $(function() {
        $('.forgot').bind('click', function() {
            $('.box-login').slideUp();
            $('.box-forgot').slideDown();
        });
        $('.go-back').click(function() {
            $('.box-login').slideDown();
            $('.box-forgot').slideUp();
        });
        $("#suc,#tipo").attr("disabled", "disabled");
        runForgotValidator('<?= base_url("acceso/actualizarCuenta"); ?>');
    });
    function runForgotValidator(url) {
        var form2 = $('.form-forgot');
        var errorHandler2 = $('.errorHandler', form2);
        form2.validate({
            rules: {
                usuario: {
                    required: true
                },
                clave: {
                    required: true
                },
                newclave: {
                    required: true
                }
            },
            messages: {
                usuario: {
                    required: "<span style='color: #B94A48'>Este campo es obligatorio.</span>"
                },
                clave: {
                    required: "<span style='color: #B94A48'>Este campo es obligatorio.</span>"
                },
                newclave: {
                    required: "<span style='color: #B94A48'>Este campo es obligatorio.</span>"
                }
            },
            submitHandler: function(form) {
                errorHandler2.hide();
                $.ajax({
                    type: "POST",
                    url: url,
                    data: {usuario: $("#usuario").val(), clave: $("#clave").val(), newclave: $("#newclave").val()},
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    dataType: "json",
                    success: function(msg) {
                        var mensaje, clase;
                        if (msg === true) {
                            $("#mensaje").css("display", "block");
                            mensaje = "<i class='icon-ok-sign'></i><strong> Correcto!</strong> Cuenta actualizada correctamente.";
                            clase = "alert-success";
                        }
                        if (msg === false) {
                            $("#miclave").append('<label id="miclave" class="error" for="clave">' +
                                    '<span style = "color: #B94A48" > Por favor, ingrese su clave actual. </span>' +
                                    '</label>');
                        }
                        $("#mensaje").html(mensaje).addClass(clase);
                        setTimeout(function() {
                            $("#mensaje").fadeOut(1500);
                        }, 3000);
                    }
                });
            },
            invalidHandler: function(event, validator) { //display error alert on form submit
                errorHandler2.show();
            }
        });
    }
    ;
</script>
